﻿<footer>
    <div class="container">
        <div class="row">
            <div class="span1 offset"></div>
            <div class="span3">
                <h4>Hỗ trợ</h4>
                <div class="accordion" id="accordion">
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#hcm">Hồ Chí Minh</a>
                        </div>
                        <div id="hcm" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#hn">Hà Nội</a>
                        </div>
                        <div id="hn" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#ag">An Giang</a>
                        </div>
                        <div id="ag" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                                <div class="Item" style="float: left; margin: 0px 15px;">
                                    <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
                                    <a rel='nofollow' href='ymsgr:sendim?se0666-locmx'>
                                        <img alt='LocMX' src='http://opi.yahoo.com/online?u=nhocboylocchoc_khongkhocviyeu&amp;m=g&amp;t=14' border="0" align="middle" width="80px" /><br>
                                        <center>LocMX</center>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span3">
                <h4>Nhận Tin</h4>
                <p>Hãy đăng kí để nhận thông tin về sản phẩm mới từ shop đồng thời các chương trình khuyến mãi cũng được thông tin đến ban.</p>

                <div class="alert alert-success hidden" id="newsletterSuccess">
                    <strong>Success!</strong> You've been added to our email list.
                </div>

                <div class="alert alert-error hidden" id="newsletterError"></div>

                <form class="form-inline" id="newsletterForm" action="/Home/Subscribe" method="POST">
                    <div class="control-group">
                        <div class="input-append">
                            <input class="span2" placeholder="Địa chỉ email" name="email" id="email" type="text">
                            <button class="btn" type="submit">Go!</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="span3">
                <div class="contact-details">
                    <h4>Liên hệ</h4>
                    <ul class="contact">
                        <li>
                            <p><i class="icon-map-marker"></i><strong>Địa chỉ chính:</strong> 113 Trần Văn Dư, P.13, Tân Bình, TP. Hồ Chí Minh</p>
                        </li>
                        <li>
                            <p><i class="icon-phone"></i><strong>Phone:</strong> (123) 456-7890</p>
                        </li>
                        <li>
                            <p><i class="icon-envelope"></i><strong>Email:</strong> <a href="mailto:locmx@min-channel.us">locmx@min-channel.us</a></p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="span2">
                <h4>Chứng nhận</h4>
                <img class="img-rounded" src="@Url.Content("~/img/nganluong.png")" alt="Bảo đảm 100%" style="border: 1px solid; border-style:dashed;"/>
                <img class="img-rounded" src="@Url.Content("~/img/baokim.jpg")" alt="Bảo đảm 100%" 
                    style="border: 1px solid; border-style:dashed; width: 130px; margin-top: 5px;"/>
            </div>
        </div>
    </div>
</footer>
